.ant-btn {
    margin-right: 8px;
    margin-bottom: 8px;
}

.list-row p{
    padding-left:8px;
}
.list-row:nth-child(odd) p{
        background-color: #cccccc;
    }
.list-row:nth-child(even) p{
        background-color:#99cccc;
    }
.skill-btn{
  border-radius:20px;
  height:36px;
  padding:3px 10px;
  font-size:16px;
  border:2px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(2555,255,255,0.8);
}
.skill-btn span{
  vertical-align: super;
}
.skill-btn-2{
  background-color: rgba(236, 204, 104,0.8);
}
.skill-btn-3{
  background-color: rgba(155, 89, 182,0.8);
}
.skill-btn-4{
  background-color: rgba(155, 89, 182,0.8);
}
.skill-btn-5{
  background-color: rgba(155, 89, 182,0.8);
}
.event-button{
  border:2px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(2555,255,255,0.8);
}
.event-button span{
  vertical-align: super;
}

.race-row-0 {
  background-color: #CCCCCC;
}
.race-row-1 {
  background-color: #99CCCC;
}
.race-row-2 {
  background-color: #99CCCC;
}
.race-row-3 {
  background-color: #CCCCCC;
}
.race-name p{
  font-size:20px
}
.race-detail p{
  margin:0;
  font-size:1em;
  color:black
}
.ant-divider{
  margin:4px 0;
}
.ant-divider-with-text{
  margin:4px 0;
}

.ant-divider-horizontal{
  margin:4px 0;
}
.rate-label{
  font-size: 20px;
  margin-right: 5px;
}
.ant-card-body{
  padding:8px
}
.chosen-card{

}
.un-chosen-card img{
  opacity:0.3
}


.my-drawer {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.my-drawer .am-drawer-sidebar {
  background-color: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.my-drawer .am-drawer-sidebar .am-list {
  width: 300px;
  padding: 0;
}
.am-list-item-middle{
  background-color: #99cccc;
}

/*race time line  */
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(25% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 25%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(25% - 4px);
  width: calc(75% - 14px);
  text-align: left;
}
.ant-timeline-item-content p{
  margin-bottom: 4px
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  font-size: 14px;
  list-style: none;
}
